@charset "utf-8";
/**
 * *****common*****
 */
body {max-width: 640px;height: 100%;margin: 0 auto;color: #3e3e3e;font-size: 16px;line-height: 30px;background-color: #efefef}
img {max-width: 100%;margin: 5px 0;}
.container {background-color: #fff}
.img-response {display: block;width: 100%;}
.container {max-width: 640px;margin: 0 auto;}
.font-big {font-size: 24px!important}
.bg-yellow {background-color: #fff600}
.bg-red {padding: 0 5px;color: #fff;background-color: #f00}
.bg-gray {color: #372f30;background-color: #f8f8f8}
.bg-red a {color: #fff;}
.bg-green {background-color: #1dff00}
.red {color: #f00;}
.pink {color: #FF2941}
.text-center {text-align: center;}
h2 {font-size: 18px;line-height: 30px}
h2 span {display: inline-block;margin: 10px 0;}
.indent p {text-indent: 2em;}
.img-response {width: 100%}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.segmentation {width: 100%;height: 1px;border-bottom: 2px dashed #dbdbdb}
.title-comment {padding-bottom: 10px;font-size: 16px;line-height: 30px;text-align: right;}
.title-comment img {display: inline-block;width: 37px;height: 25px;margin: 0;}

.wechatIcon {width: 30px;}
.big-font {font-size: 20px;font-weight: normal;line-height: 16px}
#target {display: block;height: 0;font-size: 0}
.copy span {font-weight: bolder}

/**
 * *****header*****
 */
.header {padding-bottom: 10px;color:#000;border-bottom: 1px solid #d2d2d2}
.header .container {padding: 10px}
.header img {margin-top: 0}
.header h1 {padding: 5px 0;font-weight: bolder;font-size: 24px;line-height: 36px;font-weight: normal}
.header .time {font-size: 14px;line-height: 24px;}
.toutiao {position: relative}
.toutiao img {margin-bottom: 0;}
.toutiao .toutiao-logo {float: left;width: 34px;height: 34px;margin-right: 10px;border-radius: 50%}
.toutiao p {font-size: 12px;line-height: 16px;}
.toutiao p img {height: 16px;position: relative;top: -2px;}
.toutiao .original {padding: 0 5px;color: #505050;border: 1px solid #999;border-radius: 4px;box-sizing: border-box}
.toutiao .focus {position: absolute;top: 0;right: 0;}

/*作者*/
.author {padding: 10px 0 5px;}
.author>img {float: left;width: 37px;height: 37px;margin-top: 0;margin-right: 10px;border-radius: 50%;}
.author h3 {font-size: 14px;line-height: 16px;}
.author h3 a {color: #406599;}
.author h3 img {height: 16px;margin: -2px 0 0 5px;}
.author p {font-size: 0;color: #505050;}
.author p span {display: inline-block;margin-top: 3px;padding: 0 5px;font-size: 12px;line-height: 14px;border: 1px solid #999;border-radius: 5px;box-sizing: border-box;}

/**
 * *****main*****
 */
.main .section {margin-bottom: 10px;padding: 5px 10px;}
.main p strong,
.main p button,
.aside button {font-size: 16px;font-weight: bolder;}
.main p button,
.aside button {padding: 0 5px;vertical-align: top;height: 30px;}

.border-box {display: inline-block;margin-top: 20px;padding: 3px;border: 2px solid red;}
.border-box h3 {padding: .2em 1em;font-size: 16px;border: 1px dashed red;color: red}

/*微信二维码*/
.wechatbox {font-size: 16px;}
.wechatbox img {float: left;margin-right: 10px;}
.wechatbox p {text-align: left;}
.wechatbox p strong {font-size: 18px;}

/*文章页脚*/
.article-footer {position: relative;padding: 5px;font-size: 15px;line-height: 20px;color: #030303;font-weight: bolder;text-align: center;border-bottom: 1px solid #000}
.article-footer .sz {position: absolute;right: 10px;top: 5px;}

/*评论*/
.comment {padding: 10px;}
.comment .comment-title {margin-bottom: 10px;font-size: 14px;line-height: 30px;font-weight: bolder;border-bottom: 1px solid #535353;}
.comment .comment-title a {display: inline-block;padding-left: 5px;color: #030303}
.comment-list {color: #2f2e2f}
.comment-list li {padding-bottom: 5px;border-bottom: 1px solid #dbdbdb;}
.comment-list img {width: 40px;border-radius: 50%;margin-right: 10px;}
.comment-list h4 {display: inline-block;line-height: 50px;}
.comment-list .lv {margin-left: 5px;background: #68c431;padding: 2px 5px;border-radius: 10px;}
.comment-list .fr {line-height: 50px;}
.comment-list p {width: 80%;margin: 0 auto;}
.comment-list p.time {width: 100%;text-align: right;}
.comment-list2 li {position: relative;padding: 5px 10px;border-top: 1px solid #ddd;}
.comment-list2 .comment-header {font-size: 14px;line-height: 30px;}
.comment-list2 .comment-header img {float: left;width: 35px;height: 35px;margin-right: 10px;}
.comment-list2 .comment-header h3 {color: #607fa6;font-size: 16px;line-height: 30px;font-weight: normal;}
.comment-list2 .comment-header .zan {position: absolute;right: 10px;top: 0;line-height: 35px;}
.comment-list2 .comment-header .zan img {width: 37px;height: 25px;margin-right: 0px;}
.comment-list2 .comment-header span {font-size: 12px;color: #999}
.comment-list2 .time {color: #ccc;font-size: 14px}
.comment-list2 .time a {float: right;color: #607fa6;}
.comment-list2 .comment-bottom {margin-bottom: 5px;}
.comment-list2 .comment-bottom span {color: #999}
.comment-list2 .comment-bottom a {color: #3360a6}
.comment-list2 .reference {margin: 10px 0;border-radius: 4px;padding: 0 10px;background-color: #eeeeee;border: 1px solid #dddddd;}
.comment-list2 .reference h4 {color: #666;font-size: 14px;font-weight: normal;}
.quote {margin: 10px 0;padding: 0 10px;background-color: #eee;border: 1px solid #ddd;border-radius: 5px}
.quote .info {color: #999}

/**
 * *****footer*****
 */
.footer {text-align: center;}

/**
 * *****aside*****
 */
.aside {position: fixed;bottom: 0;left: 0;width: 100%;font-size: 18px;text-align: center;padding: 10px;}
.aside.bg-yellow button {color: #f00}
.aside button {font-size: 18px;}
.aside p {line-height: 28px;}

.make-friends {padding: 0;font-size: 16px;line-height: 50px;color: #fff;background-color: #467efa;}
.make-friends .container {position: relative;}
.make-friends .fl {padding-left: 40px;background: url('../images/wechat.png') 5px center/30px auto no-repeat;}
.make-friends img {margin-right: 5px;}
.make-friends button {position: absolute;top: 9px;right: 0;height: 32px;padding: 0 30px;font-size: 18px;line-height: 32px;color: #ff2941;background-color: #f5fb01;border-radius: 16px;
    animation: big 1.4s ease infinite alternate;
    -webkit-animation: big 1.4s ease infinite alternate;
    -moz-animation: big 1.4s ease infinite alternate;
    -ms-animation: big 1.4s ease infinite alternate;
    -o-animation: big 1.4s ease infinite alternate;
}
.make-friends button span {display: none}

.join-qq {background-color: #467efa;}
.join-qq p {font-size: 16px;line-height: 30px;color: #fff;font-weight: bold;}
.join-qq a {display: inline-block;}
.join-qq a strong {display: inline-block;padding: 0 5px;border-radius: 5px}

#btn_asideWeChat{position:fixed;top:50%;right:0;cursor:pointer;z-index:999;width:68px;height:68px}
@keyframes big {
    0% {
        transform: scale(1)
    }
    18% {
        transform: scale(1.1)
    }
    32% {
        transform: scale(1)
    }
    48% {
        transform: scale(1.1)
    }
    64% {
        transform: scale(1)
    }
    80% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes big {
    0% {
        -webkit-transform: scale(1)
    }
    18% {
        -webkit-transform: scale(1.1)
    }
    32% {
        -webkit-transform: scale(1)
    }
    48% {
        -webkit-transform: scale(1.1)
    }
    64% {
        -webkit-transform: scale(1)
    }
    80% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

/**
 * *****layer*****
 */

.layui-layer-shade {width: 100%!important;height: 100%!important}

.layui-layer-dialog {border-radius: 5px!important}
.layui-layer-dialog .layui-layer-content {text-align: center;font-size: 16px!important}
.layui-layer-btn a {width: 44%;margin: 0 3%;text-align: center;font-size: 16px;height: 30px!important;line-height: 30px!important;}
.layui-layer{border-radius:8px!important}
.layui-layer-dialog{border-radius:5px!important}
.layui-layer-dialog .layui-layer-content{text-align:center;font-size:16px!important}
.layui-layer-btn a{width:44%;margin:0 3%;text-align:center;font-size:16px;height:30px!important;line-height:30px!important}
.layui-layer-page{min-width:250px!important}
.layer-message{display:none;padding:20px 10px;text-align:center}
.layer-message p{line-height:30px}
.layer-message .copy{margin:10px 5px;padding:0 10px;font-size:16px;line-height:30px;color:red;background-color:#fff600;border-radius:6px}
.layui-layer-btn .layui-layer-btn0 {background-color: #467efa!important;border-color: #467efa!important}

textarea {position: fixed!important;height: 100%!important}